html,
body {
    overflow: hidden;
    background-color: #fff;
}
.display_none{display:none;}
.person_header {
    padding-top: .22rem;
    color: #333;
    position: relative;
    z-index: 10;
    padding-bottom: 0.5rem;
    background: url('http://my.m3.cmp/v/img/head-bg.png')no-repeat;
    background-size: 100% 100%;
}

.cmp-ios .person_header {
     /* height: 5.28rem!important;  */
    padding-top: .8rem;
    
}

.person_header .cmp-icon {
    padding: 0 15px 12px 10px;
    color: #3aadfb;
}

.person_header h1 {
    height: 18px;
    font-size: 18px;
    text-align: center;
    padding: 0 24%;
    margin-top: 4px;
}

.person_header span.left_word {
    font-family: "Microsoft Yahei", sans-serif;
    display: inline-block;
    font-size: 16px;
    margin-left: -8px;
    margin-top: 6px;
}

.person_head {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 35px;
    text-align: center;
    border: 1px solid #d4d4d4;
}

.person_head img {
    position: relative;
    width: 80px;height:80px;
    border-radius: 50%;
}
.person_info {
    height: 125px;
}
.person_info .name {
    font-size: 18px;
    color: #333;
    width: 100%;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: .266rem;
}

.person_icon {
    display: table;
    width: 100%;
}

.person_icon .item {
    display: table-cell;
    width: 20%;
    text-align: center;
    margin-top: .64rem;
}

.person_icon .item div {
    width: 1.066rem;
    height: 1.066rem;
    line-height: 1.066rem;
    background: #3AADFB;
    border-radius: 50%;
    margin: 0 auto;
    margin-top: .64rem;
}

.person_icon .disable div {
    background: #b7b7b7;
}

.person_icon .item div .iconfont {
    font-size: 22px;
    color: #fff;
}

.person_icon .item p {
    font-size: 14px;
    color: #3AADFB;
    margin-top: .266rem;
    margin-bottom: 0;
}

.person_icon .disable p {
    color: #989898;
}

.mask_wt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4.8rem;
    background: rgba(255, 255, 255, 0.61);
    /* background-color:#fff; */
    z-index: 5;
}



.blur_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4.8rem;
    background-size: cover;
    -webkit-filter: blur(20px);
    filter: blur(20px);
    -webkit-transform: scale(1.2, 1);
    transform: scale(1.2, 1);
    overflow: hidden;
    /*margin-top: -.4rem;*/
}

.cmp-content > .cmp-table-view:first-child {
    margin-top: 0;
}

.my_module .cmp-table-view .cmp-table-view-cell {
    background: #fff;
    height: 50px;
    line-height: 51px;
    font-size: 16px;
    color: #333;
    padding: 0 14px;
}
.my_module .cmp-table-view .cmp-table-view-cell.myindexcell.cmp-active{
    background: -webkit-linear-gradient(to right, rgba(1, 175, 255, 0.2) , rgba(218, 222, 251, 0.2));
    background: -o-linear-gradient(to right, rgba(1, 175, 255, 0.2) , rgba(218, 222, 251, 0.2));
    background: -moz-linear-gradient(to right, rgba(1, 175, 255, 0.2) , rgba(218, 222, 251, 0.2));
    background: linear-gradient(to right, rgba(1, 175, 255, 0.2) , rgba(218, 222, 251, 0.2));
}
/* .my_module .cmp-table-view::after,.my_module .cmp-table-view::before{
    background-color: #f8f9fb;
 } */
.my_module .cmp-table-view .cmp-table-view-cell:after{
    bottom:1px;
}
.my_module .new_list .cmp-table-view-cell{
    height: 42px;
    line-height: 42px;
    padding: 0 .373rem;
}
.my_module .userDefined .cmp-table-view-cell{
    height: 3.3rem;
    padding-bottom: .266rem;
}
.my_module .new_list .cmp-table-view-cell.active{
    background: rgba(220,255,255,.5);
}
.cmp-table-view .cmp-table-view-cell .left_word {
    max-width: 45%;
    color: #666;
    margin-right: .9rem;
}
.cmp-table-view .cmp-table-view-cell.email .left_word{
    width: 30%;
}
.userDefined .cmp-table-view-cell .left_word{
    width: 100%;
}
.cmp-table-view .cmp-table-view-cell .right_word {
    color: #333;
    text-align: right
}
.cmp-table-view .cmp-table-view-cell .right_word .qrcode_icon{
    color: #3AADFB;font-size: 19px;
}

.ellipsis_p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.margin_top15 {
    margin-top: .375rem;
}
.margin_top10 {
    margin-top: .266rem;
}
.see-icon-m3-arrow-right {
    color: #bdbdbd;
    font-size: 16px;
    vertical-align: text-bottom;
    float: right;
}

.see-icon-m3-2dbarcode-fill {
    color:#3AADFB;
    font-size: 26px;
    vertical-align: text-bottom;
}

.static {
    position: static;
    width: calc( 100% - 1rem);
    margin: 0.5rem auto;
}

#phone,
#email,
#vjoinConfluence,
#officeNumber {
    color: #3AADFB;
}
.officenumber .myperson{
    color: #333!important;
}
.phone .myperson{
    color: #333!important;
}
.email .myperson{
    color: #333!important;
}
.scroll {
    overflow-y: hidden;
}

.cmp-ios .cmp-content {
    padding-top: 0;
}

.cmp-android .cmp-content {
    padding-top: 0;
}

.cmp-table-view-cell>.user-defined {
    height: 2.13rem;
    line-height: normal;
    overflow-y: auto;
    padding: 10px;
    background-color: rgba(120,120,120,.1);
    border-radius: 4px;
}

.cmp-table-view-cell>.user-defined span {
    display: inline-block;
    width: 100%;
    word-wrap: break-word;
    text-align: left;
}

.margin_0 {
    margin: 0;
}

.border_none {
    border: none;
}

.height_transition {
    -webkit-transition: height 300ms;
    transition: height 300ms;
}

header.cmp-bar.cmp-bar-nav.bg_none {
    width: 100%;
    background: none;
}

header.cmp-bar.cmp-bar-nav.bg_none:before {
    height: 0px;
}

.see-icon-v5-common-arrow-back {
    font-size: 16px;margin-right: 3px;
}

.cover_switch {
    position: absolute;
    top: 20%;
    right: 15px;
    width: 54px;
    height: 42px;
    opacity: 0;
    z-index: 1;
}

.modify_icon{
    width: 80px;
    height: 80px;
    background: rgba(0,0,0,.5);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.see-icon-m3-modify-fill{
    color: rgba(255,255,255,.8);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px;

}
/* .body_bg{background: url('http://my.m3.cmp/v/img/bg-logo.png') no-repeat;background-size: 100%;} */
/* .body_mycompany{background: url('http://my.m3.cmp/v/img/myCompany.jpg') no-repeat;background-size: 100% 100%;}
.body_person{background: url('http://my.m3.cmp/v/img/myPerson.jpg') no-repeat;background-size: 100% 100%;} */
.person_focusBtn{
    position: absolute;right:5px;
}
.person_focusBtn .focus-btn{border-radius: 100px;border-color: #dae0e7;height: 24px;color: #a1b0c5;
line-height: 10px;background-color: rgba(255, 255, 255, 0.651); }
.person_focusBtn .person_focusIcon{color: #a1b0c5;}
.person_focusBtn .focus-btn.active .person_focusIcon{color: #FF8080;vertical-align: middle;}

.cmp-ios .mask_wt {height: 4.8rem;}
.cmp-ios .blur_bg { height: 4.8rem;}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
    .cmp-ios .mask_wt {height: 4.5rem;}
    .cmp-ios .blur_bg { height: 4.5rem;}
}
.position-fixed{position: fixed!important;}
.overflow-y-auto{overflow-y: auto;}

.cmp-table-view .cmp-table-view-cell:last-child::after{
    display: none;
}
.my_module .company-list .cmp-table-view-cell{height: auto;padding: 5px 10px 5px 14px;}
.my_module .company-list .cmp-table-view-cell::after{left:10px;height: 2px;-webkit-transform: scale(1,.3);
    transform: scale(1,.3);}
.my_module .company-list .cmp-table-view-cell .company-text{width: 100%;}
.my_module .company-list .datainfo{font-size: 16px;color: #000;line-height: 1.4;padding: 5px 0;
    width: 100%;display: block; border: 0;}
.my_module .company-list .datainfo.invoice-text{}
body.cmp-ios .my_module .company-list .datainfo.invoice-text{padding-left: 4px;}
body.cmp-ios .my_module .company-list .datainfo{position: relative;right: 5px;}
.my_module .company-list .text{font-size: 12px;color: #999;line-height: 1.4;padding:0px 0 5px 0;}
.my_module .company-list .arrow-icon{color: #A1B0C5;}
.my_module .company-list .arrow-right{position: relative;top:10px;}
.my_module .qrcode-ul{margin-top: 14px;}
.my_module .invoicetil-ul{margin-top: 14px;}
.my_module .qrcode-ul .cmp-table-view-cell{padding: 0 14px;}
.my_module .invoicetil-ul .cmp-table-view-cell{padding: 0 14px;}
.title-invoice{padding:10px 0 5px 14px;font-size: 12px;color: #999;}

.cmp-table-view.userDefined li.cmp-table-view-cell{height: auto;position: relative;line-height: 30px;}
.cmp-table-view.userDefined li.cmp-table-view-cell .cmp-pull-left{width: 100%;}
.cmp-table-view.userDefined li.cmp-table-view-cell .datainfo{width: 95%;word-wrap: break-word;
    line-height: 1.4;padding: 5px 0;min-height: 32px;}
.cmp-table-view.userDefined li.cmp-table-view-cell .arrow-right{position: absolute;top:20px;right: 10px;}
.invoiceNum{color: #999;font-size: 16px;}
body.cmp-ios .cmp-table-view.userDefined li.cmp-table-view-cell .datainfo{padding-left: 5px;}
.invoiceData{overflow-y: auto;}
.invoiceData::-webkit-scrollbar{display:none;}
